	/*样式*/
	/*CSS初始化开始*/
	/*清除内外边距*/
	* {
		margin: 0;
		padding: 0;
	}
	/*去掉列表样式小点*/
	ul {
		list-style: none;
	}
	/*清除浮动*/
	.clearfix:before, .clearfix:after {
		display: table;
		content: "";

	}
	.clearfix:after{
		clear: both;
	}
	.clearfix {
		*zoom: 1;
	}
	a {
		color: #050505;
		text-decoration: none; /*取消链接默认的下划线*/
	}
	input {
		border: 0; /* 所有的表单边框为0 */
		box-sizing: border-box; /* CSS3盒子模型 border 和 padding 都包含到 width 里面 */
	}

	.container { /* 因为版心宽度都为1200 */
		width: 1200px;
		margin: 0 auto;
	}
	/*CSS初始化结束*/
	/*页面头部*/
	body {
		background-color: #f3f5f7;
	}
	header {
		height: 100px;
		/* background-color: pink; */
		overflow: hidden; /*防止外边距合并的问题*/
	}
	nav {
		width: 1366px;
		height: 42px;
		/* background-color: purple; */
		margin: 26px auto 0; /*盒子水平居中对齐*/
	}
	.logo {
		float: left;
	}
	.navbar {
		float: left;
		height: 42px;
		line-height: 42px; /*因为行高会继承，所以统一写*/
		margin-left: 50px;
	}
	.navbar li {
		float: left;
	}
	.navbar li a {
		padding: 0 10px; /*上下 0 左右 8像素*/
		display: block; /*a为行内元素，给高需要转换块级*/
		height: 42px;
	}
	.navbar li a:hover {
		border-bottom: 2px solid #00a4ff; /* 鼠标放入有底边框 */
	}
	/* 搜索框部分开始 */
	.search {
		width: 410px; /* 360+50 */
		height: 38px;
		border:  1px solid #00a4ff;
		float: right;
	}
	.search input[type=text] { /* 属性选择器 type 为 text 的文本框 */
		/* background-color: pink; */
		width: 360px;
		height: 38px;
		padding-left: 20px;
		float: left;
	}
	.search input[type=submit] { /* 属性选择器 type 为 submit 的文本框 */
		background-color: #00a4ff;
		background: #00a4ff url(images/search.png) center center no-repeat;
		width: 50px;
		height: 38px;
		float: left;
	}
	/* 搜索框部分结束 */
	/* 个人中心部分开始 */
	.personal {
		float: right;
		height: 42px;
		line-height: 42px;
	}
	.personal {
		margin: 0 15px 0 35px;
	}
	/* 个人中心部分结束 */
	/* banner 开始 */
	.banner {
		height: 420px;
		background-color: #1c036c;
		position: relative;
	}
	.banner-in {
		height: 420px;
	}
	.slidebar {
		height: 420px;
		width: 190px;
		background: rgba(0, 0, 0, 0.5);
		float: left;
		position: relative;
	}
	.slidebar li a {
		color: #fff;
		font-size: 16px;
		padding: 0 20px;
		display: block; /* a是行内元素，没有大小需要转换 */
		height: 46px;
		line-height: 46px; /* 单行垂直居中 个人经验，很多情况下，有行高可以不用给高度 */
	}
	/* .slidebar li a:hover {
		color: #00a4ff;
	} */
	.slidebar a span {
		float: right;
		font-family: arial; /* 一般情况，符号都用本字体 */

	}
	.slidebar li ul {
		background-color: rgba(0, 0, 0, 0.4);
		position: absolute;
		width: 400px;
		top: 0;
		left: 190px;
		z-index: 5;
		display: none;
	}
	.slidebar li li {
		font-size: 16px;
		color: #fff;
		line-height: 60px;
		text-align: center;

	}
	.timetable {
		float: right;
		width: 230px;
		height: 300px;
		background-color: #fff;
		margin-top: 50px;
	}
	.timetable dt {
		height: 50px;
		background-color: #9bceea;
		text-align: center; /* 文字水平居中 */
		line-height: 50px;
		font-weight: 700; /* 文字加粗 */
		color: #fff;
		letter-spacing: 2px; /* 字间距 */
		margin-bottom: 5px;
	}
	.timetable dd {
		width: 193px;
		height: 60px;
		margin: 0 auto;
		border-bottom: 1px solid #ccc;
		padding-top: 12px;
		box-sizing: border-box;
	}
	.timetable dd:last-child { /* 结构伪类选择器，选最后一个子元素 */
		border: 0;

	}
	.timetable dd h4 {
		font-size: 16px;
		font-weight: normal; /* 让粗体不变粗 */
		color: #4e4e4e;
	}
	.timetable dd p {
		font-size: 14px;
		color: #a5a5a5;
	}
	.timetable dd a {
		height: 38px;
		border: 1px solid #00a4ff;
		display: block;
		text-align: center;
		line-height: 38px;
		color: #00a4ff;
		font-weight: 700;
		transition: all 0.5s;
	}
	.timetable dd a:hover {
		color: #fff;
		background-color: #00a4ff;
	}
	.recommend {
		height: 60px;
		line-height: 60px;
		/* background-color: pink; */
		margin-top: 10px;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); /* 盒子阴影 */
	}
	.recommend a {
		padding: 0 20px;
		border-right: 1px solid #ccc;
	}
	.recommend a:hover {
		color: #00a4ff;
	}
	.recommend a:first-child {
		color: #00a4ff;
		font-weight: 700;
	}
	.recommend a:last-child {
		color: #00a4ff;
		font-size: 14px;
		float: right;
	}
/* 	 小圆点模块
	.circle {
		width: 180px;
		height: 22px;
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -90px;
	}
	.circle li { 0011
		float: left;
		width: 12px;
		height: 12px;
		background: rgba(255, 255, 255, 0.2);
		margin: 5px 8px;
		border-radius: 50%;
	}
	.circle .current {
		width: 18px;
		border-radius: 6px;
		background-color: #fff;
	} */
	/* banner 结束 */
	/* 精品推荐 开始 */
	.recom-products {
		margin-top: 35px;
	}
	.recom-hd {
		height: 40px;
		/* background-color: pink; */
	}
	.recom-hd h4 {
		float: left;
		color: #494949;
	}
	.recom-hd a {
		float: right;
		margin-top: 10px;
		margin-right: 25px;
		font-size: 14px;
		color: #ccc;
	}
	.recom-hd a:hover {
		color: #00a4ff;
	}
	.recom-bd {
		height: 600px;
	}
	.recom-bd ul li {
		width: 228px;
		height: 270px;
		overflow: hidden;
		float: left;
		margin-right: 15px;
		margin-top: 15px;
		transition: all 0.5s;
	}
	.recom-bd ul li:nth-child(5n) { /* ！利用倍数选择！ */
		margin-right: 0;
	}
	.recom-bd ul li:hover {
		/* margin-top: 0px; */
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
		transform: translate(0,-10px);

	}
	.recom-bd li h5,
	.recom-bd li p {
		padding: 0 20px 0 24px;
		margin-top: 12px;
	}
	.recom-bd li h5 {
		line-height: 22px;
		font-size: 14px;
		font-weight: normal;
		}
	.recom-bd li p {
		font-size: 12px;
		color: #999;
	}
	.recom-bd p span {
		color: #ff7c2d;
		font-weight: 700;
	}
	/* 精品推荐 结束 */

	/* 页面底部 开始 */
	footer {
		height: 270px;
		background-color: #fff;
		margin-top: 100px;
	}
	.footer-in {
		padding: 30px;
	}
	.footer-l {
		float: left;
	}
	.footer-l p {
		font-size: 12px;
		line-height: 18px;
		color: #999;
		margin-top: 20px;
	}
	.footer-l a {
		width: 134px;
		height: 34px;
		line-height: 34px;
		display: block;
		border: 1px solid #00a4ff;
		text-align: center;
		color: #00a4ff;
		font-weight: 700;
		margin-top: 15px;
	}
	.footer-l a:hover {
		color: #fff;
		background-color: #00a4ff;
	}
	.footer-r {
		float: right;
		color: #333;
	}
	.footer-r dl{
		float: right;
		width: 225px;
	}
	.footer-r dt {
		font-size: 16px;
		height: 30px;
	}
	.footer-r dd {
		font-size: 12px;
		height: 20px;
	}
	.footer-r dd a:hover {
		color: #00a4ff;
	}
	.footer-r dl:first-child {
		width: 80px;
	}
	.swiper-container {
		width: 780px;
		height: 420px;
	}
	.swiper-slide {
    	text-align: center;
    	font-size: 18px;
    	background: red;
    	color: #fff;
        /* Center slide text vertically */
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: -webkit-flex;
      	display: flex;
      	-webkit-box-pack: center;
      	-ms-flex-pack: center;
      	-webkit-justify-content: center;
      	justify-content: center;
      	-webkit-box-align: center;
      	-ms-flex-align: center;
      	-webkit-align-items: center;
      	align-items: center;
    }
